@mixin clearfix {
	&:before,
	&:after {
		content: "";
		display: table ;
	}
	&:after {
		clear: both;
	}
}
@mixin radius($radius:4px){
	border-radius: $radius;
}
@mixin border($border:1px,$type:solid,$color:#ccc){
	border:$border $type $color;
}
@mixin img-responsive($display: block) {
	display: $display;
	max-width: 100%;
	height: auto;
}
@mixin gradient-left(){
	background: -webkit-linear-gradient(right, #fff 0, #eee 100%);
	background:    -moz-linear-gradient(right, #fff 0, #eee 100%);
	background:         linear-gradient(to left, #fff 0, #eee 100%);
}
@mixin text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@mixin text-ellipsis($line:2) {
	display: -webkit-box;
	-webkit-line-clamp:$line;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

%left {
	float: left;
}

%right {
	float: right;
}

%abs {
	position: absolute;
}

%abs-center {
	@extend %abs;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
%fixed {
	position: fixed;
}
%rel {
	position: relative;
}

%flex {
	display: flex;
	align-items: center;
}

%flex-a {
	@extend %flex;
	justify-content: space-around;
}

%flex-b {
	@extend %flex;
	justify-content: space-between;
}

%flex-c {
	@extend %flex;
	justify-content: center;
}

%table {
	margin-bottom: 80px;
	border-spacing: 0;
	border-collapse: collapse;
}

%scroll-style {

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
	&::-webkit-scrollbar {
		width: 4px; /*滚动条宽度*/
		height: 10px; /*滚动条高度*/
	}

	/*定义滚动条轨道 内阴影+圆角*/
	&::-webkit-scrollbar-track {
		box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
		border-radius: 2px; /*滚动条的背景区域的圆角*/
		background-color: #eee; /*滚动条的背景颜色*/
	}

	/*定义滑块 内阴影+圆角*/
	&::-webkit-scrollbar-thumb {
		border-radius: 2px; /*滚动条的圆角*/
		box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
		background-color: #ddd; /*滚动条的背景颜色*/
	}
}
